*{
padding: 0;
margin: 0;
}
img{
vertical-align: bottom;
   }
li{
	list-style: none;
  }
a{
text-decoration: none;
color: #000000;
	}	
.fl{
	float: left;
	}
.fr{
	float: right;
	}	
.clearfix::before,.clearfix::after{
	content: '';
	display: table;			
		}
.clearfix::after{
	clear:both;
		}
.bd{
border: 1px solid red	;
	}
.w{
	width: 1713px;
	margin: 0 auto;
	}	
header{
	height: 64px;
}
/* 以下是header区域 */
.logo{
	padding-top: 12px;
	padding-left: 13px;
}	
.navigation>li{
 margin-top: 22px;
margin-right: 28px;
}
.navigation>a{
	font-size: 12px;
	}
.navigation>li:hover{
	border-bottom: 3px solid #000000 ;
	}
.subnav>li{
padding-top: 22px;
}
.subnav>li:nth-child(1){
	margin-right: 58px;
	position: relative;
	}
.subnav>li:nth-child(1)::before{
	content: "";
	width: 6px;
	height: 6px;
	border: 2px solid black;
    border-top: 2px solid transparent;
	border-right: 2px solid transparent;
	position: absolute;
	position: absolute;
	transform: rotate(-45deg);	
	left: 110px;
	}
.subnav>li:nth-child(2){
		margin-right: 74px;
		position: relative;
		}
.subnav>li:nth-child(2)::before{
			content: "";
			width: 21px;
			height: 21px;
			background: url(2.png);
			position: absolute;	
			top: 17px;		
			left: 38px;
			}		
.subnav>li:nth-child(3){
		margin-right: 55px;
		position: relative;
		}		
.subnav>li:nth-child(3)::before{
			content: "";
			width: 21px;
			height: 21px;
			background: url(3.png);
			position: absolute;					
			left: 57px;
			}			
.subnav>li:nth-child(4){
		margin-right: 65px;
		position: relative;
		}	
.subnav>li:nth-child(4)::before{
			content: "";
			width: 40px;
			height: 40px;
			background: url(4.png);
			position: absolute;		
			top:9px;		
			left: 45px;
			}			
.subnav>li:hover{
	border-bottom: 3px solid #000000 ;
	}	
.subnav>li:hover:nth-child(4){
border-bottom: 0px solid #000000 ;
	}	
/* 以下是ad区域	 */
.ad{
	height: 640px;
	background-color: #f3f3f3;
}
.ad h1{
	font-size: 42px;
	padding-top: 236px;
	padding-left: 104px;
	}
.ad p{
	font-size: 17px;
	padding-top: 25px;
	padding-left: 104px;
}
.ad h3{
	display: block;
	text-align: center;
	color: white;
	font-size: 19px;
	background-color: black;
	width: 153px;
	height: 33px;
	margin-left: 104px;
	margin-top:  34px;
	padding-top: 16px;
	position: relative;
	}
.ad h3::before{
	content: "";
	width: 8px;
	height: 8px;
	border: 3px solid white;
    border-top: 3px solid transparent;
	border-left: 3px solid transparent;
	position: absolute;
	transform: rotate(-45deg);	
	left: 118px;
	top:18px;
	}
.ad div:nth-child(1){
	width: 648px;
}
.ad div:nth-child(2){
	width: 648px;
}
.ad div:nth-child(3){
	width: 648px;
}
.ad div:nth-child(4){
	margin-top: -267px;
	padding-right: 147px;
}
/* 以下是main区域 */
.main{
	height: 2162px;
}
/* main1区域 */
.main1{
	width: 1026px;
	margin: 0 auto ;
	height: 279px;
}
.main1 div:nth-child(n){
	padding-top: 97px;
	}	
.main1 h3{
	display: inline;
	text-align: center;
	font-size: 20px;
	color: #585858;
	line-height: 28px;
}
.main1 div:nth-child(1){
	width: 118px;
	background:url(icon1.png) no-repeat ;
	background-position: 36px 40px;
}
.main1 div:nth-child(n):hover{
	transform: scale(0.98);
	}
.main1 div:nth-child(2){
	width: 150px;
	margin-left: 98px;
	margin-right: 82px;
	background:url(icon2.png) no-repeat ;
	background-position: 45px 40px;
}
.main1 div:nth-child(3){
	width: 149px;
	background:url(icon3.png) no-repeat ;
	background-position: 48px 40px;
}
.main1 div:nth-child(4){
	width: 146px;
	margin-left: 84px;
	margin-right:111px;
	background:url(icon4.png) no-repeat ;
	background-position: 46px 40px;
}
.main1 div:nth-child(5){
	margin-left: 920px;
	margin-top: -183px;
	width: 105px;
	background:url(icon5.png) no-repeat ;
	background-position: 30px 40px;
}
.main1  h3:hover{
	border-bottom: 2px solid #949191;
	}
/* main2区域		 */
.main2{
	height: 525px;
	}
.main2 div :nth-child(n){
	padding-top: 281px;
	width: 405px;
}	
.main2 p1:hover{
	border-bottom: 2px solid #3A6397;
}
.main2 p:hover{
	
}
.main2 h1{
	font-size: 19px;
	line-height: 35px;
}
.main2 div:nth-child(1){
	background:url(ad1.png) no-repeat ;
	position: relative;
}	
.main2 div:nth-child(1)::before{
	content: "";
	width: 6px;
	height: 6px;
	border: 2px solid #0d08e4;
	border-top: 6px solid transparent;
	border-left: 6px solid transparent;
	position: absolute;
	transform: rotate(-45deg);	
	left: 80px;
	top:363px;
	}

.main2 div:nth-child(2){
	background:url(ad2.png) no-repeat ;
	margin-left: 27px;
	margin-right: 27px;
	position: relative;
}	
.main2 div:nth-child(2)::before{
	content: "";
	width: 6px;
	height: 6px;
	border: 2px solid #0d08e4;
	border-top: 6px solid transparent;
	border-left: 6px solid transparent;
	position: absolute;
	transform: rotate(-45deg);	
	left: 203px;
	top:392px;
	}

.main2 div:nth-child(3){
	background:url(ad3.png) no-repeat ;
	margin-right: 28px;
	position: relative;
}	
.main2 div:nth-child(3)::before{
	content: "";
	width: 6px;
	height: 6px;
	border: 2px solid #0d08e4;
	border-top: 6px solid transparent;
	border-left: 6px solid transparent;
	position: absolute;
	transform: rotate(-45deg);	
	left: 80px;
	top:364px;
	}
.main2 div:nth-child(4){
	background:url(ad4.png) no-repeat ;
	position: relative;
}	
.main2 div:nth-child(4)::before{
	content: "";
	width: 6px;
	height: 6px;
	border: 2px solid #0d08e4;
	border-top: 6px solid transparent;
	border-left: 6px solid transparent;
	position: absolute;
	transform: rotate(-45deg);	
	left: 80px;
	top:390px;
	}
.main2 div:nth-child(5){
margin-top: 425px;
position: relative;
}	
.main2 div:nth-child(5)::before{
	content: "";
	width: 6px;
	height: 6px;
	border: 2px solid #0d08e4;
	border-top: 6px solid transparent;
	border-left: 6px solid transparent;
	position: absolute;
	transform: rotate(-45deg);	
	left: 580px;
	top:4px;
	}

.main2 p{
	margin-top: -280px;
	margin-bottom: 17px;
	font-size: 21px;
	line-height: 27px;
	
}
.main2 p1{
	font-size: 19px;
	color: #0d08e4;
	}
.main2 p2{	
	padding-left: 435px;
	font-size: 19px;
	color: #0d08e4;	
	}
.main3{
	background:url(main.png) no-repeat ;
	height: 641px;
}	
.main3 h1{
	font-size: 42px;
	line-height: 88px;
	padding-left: 617px;
	padding-top: 55px;
}
.main3 p{
	font-size: 20px;
	padding-left: 603px;
}
.main3 div:nth-child(3){
	margin-top: 32px;
	width: 153px;
	height: 49px;
	margin-left: 779px;
	background-color: #000000;
}
.main3 h3{
	padding-top: 15px;	
	font-size: 19px;
	text-align: center;
	color: white;
}
/* 以下是main4 */
.main4{
	height: 604px;
}
.main4 h1{
	font-size: 30px;
	line-height: 80px;
	padding-top: 42px;
}
.main4 h2{
	font-size: 25px;
	line-height: 37px;
}
.main4 p{
	display: block;
	font-size: 19px;
	line-height: 25px;
}
.main4 p1{
	font-size: 19px;
	line-height: 53px;
	color: #0e2cab;
}
.main4 div:nth-child(2){
	padding-top: 272px;
	width: 405px;
	height: 211px;
	background: url(main1.png) no-repeat;
	position: relative;
}
.main4 div:nth-child(2):hover{
		transform: scale(0.95);
	}
.main4 div:nth-child(2)::before{
	content: "";
	width: 5px;
	height: 5px;
	border: 2px solid #0d08e4;
	border-top: 5px solid transparent;
	border-left: 5px solid transparent;
	position: absolute;
	transform: rotate(-45deg);	
	left: 80px;
	top:378px;
	}
.main4 div:nth-child(3){
	padding-top: 272px;
	width: 405px;
	height: 211px;
	margin-left:  28px;
	margin-right:  28px;
	background: url(main2.png) no-repeat;
	position: relative;
}
.main4 div:nth-child(3):hover{
		transform: scale(0.95);
	}
.main4 div:nth-child(3)::before{
	content: "";
	width: 5px;
	height: 5px;
	border: 2px solid #0d08e4;
	border-top: 5px solid transparent;
	border-left: 5px solid transparent;
	position: absolute;
	transform: rotate(-45deg);	
	left: 80px;
	top:378px;
	}
.main4 div:nth-child(4){
	padding-top: 272px;
	width: 405px;
	height: 211px;
	margin-right:  28px;
	background: url(main3.png) no-repeat;
    position: relative;
}
.main4 div:nth-child(4):hover{
		transform: scale(0.95);
	}
.main4 div:nth-child(4)::before{
	content: "";
	width: 5px;
	height: 5px;
	border: 2px solid #0d08e4;
	border-top: 5px solid transparent;
	border-left: 5px solid transparent;
	position: absolute;
	transform: rotate(-45deg);	
	left: 80px;
	top:378px;
	}
.main4 div:nth-child(5){
	padding-top: 272px;
	width: 405px;
	height: 211px;
	background: url(main4.png) no-repeat;
    position: relative;
}
.main4 div:nth-child(5):hover{
		transform: scale(0.95);
	}
.main4 div:nth-child(5)::before{
	content: "";
	width: 5px;
	height: 5px;
	border: 2px solid #0d08e4;
	border-top: 5px solid transparent;
	border-left: 5px solid transparent;
	position: absolute;
	transform: rotate(-45deg);	
	left: 80px;
	top:404px;
	}
.main4 p1:hover{
	border-bottom: 2px solid #383939;
}	
/* 以下是main5 */
.main5{
	height: 118px;
	}
.main5 p{
	font-size:19px ;
	color: #514141;
	display: inline;
}
.main5 div:nth-child(1){
	width: 122px;
	padding-right: 20px;
	}
.main5 div:nth-child(2){
	width: 36px;
	height: 36px;
	padding-left: 8px;
	padding-right: 21px;
	background: url(weixin.png) no-repeat;
}
.main5 div:nth-child(2):hover{
	transform: scale(1.2);
	}
.main5 div:nth-child(3){
	width: 36px;
	height: 36px;
	background: url(weibo.png) no-repeat;
}
.main5 div:nth-child(3):hover{
	transform: scale(1.2);
	}
	footer{
		background-color: #f2f2f2;
	}
.fot6{
	height: 443px;	
}
.fot h3{
	padding-top: 43px;
	font-size: 20px;
	line-height: 34px;
	color: #3f3939;
}
.fot p{
	font-size: 12px;
	line-height: 40px;
	color: #848181;
	display: inline;
}

.fot p:hover{
	border-bottom: 	1px solid #706a6a;
	
}
.fot1{
	width: 135px;
	margin-right:  168px;
}
.fot2{
	width: 136px;
	margin-right:  152px;
}
.fot3{
	width: 156px;
	margin-right:  113px;
}
.fot4{
	width: 78px;
	margin-right:  230px;
}
.fot5{
	width: 149px;
	margin-right:  140px;
}
.fot6{
	width: 92px;
	margin-right:  140px;
}
.last{
	height: 50px;
}
.last1{
	padding-left: 38px;
	margin-right: 520px;
	position: relative;
}
.last1::before{
	content: "";
	width: 26px;
	height: 26px;
	background: url(./diqiu.png) no-repeat;
	position: absolute;
	left: 7px;
	top:7px;
	}
.last p{
	margin-right: 33px;
	display: inline;
	font-size: 14px;
}	
.last p:hover{
	border-bottom: 	1px solid #706a6a;